*{
	margin: 0px;
	padding: 0px;
}
.box{
	width: 600px;
	height: 300px;
	margin: auto;
	overflow: hidden;
}
.box img{
	width: 600px;
	height: 300px;
}
.box ul{
	/* width: 3000px; */
	width: calc(600px*5);
	height: 300px;
	animation:lunbo 10s infinite;
	/* margin-left: -600px; */
}
@keyframes lunbo{
	0%{margin-left: 0;}
	10%{margin-left: 0;}
	20%{margin-left: -600px;}
	30%{margin-left: -600px;}
	40%{margin-left: -1200px;}
	50%{margin-left: -1200px;}
	60%{margin-left: -1800px;}
	70%{margin-left: -1800px;}
	80%{margin-left: -2400px;}
	90%{margin-left: -2400px;}
	100%{margin-left: 0;}
}
.box ul li{
	float: left;
	list-style: none;
	position: relative;
}
span{
	display: block;
	width: 600px;
	height: 50px;
	color: white;
	background-color: rgba(225,225,225,0);
	text-align: center;
	line-height: 50px;
	position: absolute;
	top: 250px;
	left: 0px;
	
}